.summaryInfo {
    position: absolute;
    top: 22.8rem;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: 2;
    pointer-events: none;
}

.summaryInfo p {
    margin: 0;
}

.summaryInfoHeader {
    display: flex;
    justify-content: center;
    gap: 2rem;
}

.summaryInfoHeaderItem {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-image: url('@/assets/home/summary/data_bg.png');
    background-size: 100% 100%;
    background-repeat: no-repeat;
    width: 32.6rem;
    padding: 0.7rem 0;
}

.summaryInfoHeaderItem[data-type='running'] {
    background-image: url('@/assets/home/summary/running_bg.png');
}

.summaryInfoHeaderItem[data-type='malfunction'] {
    background-image: url('@/assets/home/summary/malfunction_bg.png');
}

.summaryInfoHeaderCount {
    font-size: 5.2rem;
    font-weight: bold;
    background: linear-gradient(to top, #63a396, #fff);
    background-clip: text;
    color: transparent;
}

.summaryInfoHeaderItem[data-type='running'] .summaryInfoHeaderCount {
    background: linear-gradient(to top, #53a8d4, #fff);
    background-clip: text;
}

.summaryInfoHeaderItem[data-type='malfunction'] .summaryInfoHeaderCount {
    background: linear-gradient(to top, #fcddaa, #fff);
    background-clip: text;
}

.summaryInfoHeaderLabel {
    font-size: 2.4rem;
    font-weight: bold;
}

.summaryInfoMainSubHeader {
    display: flex;
    justify-content: center;
    gap: 2.8rem;
    margin-top: 5.9rem;
}

.summaryInfoMainSubHeaderItem {
    display: flex;
    align-items: center;
    gap: 10px;
    padding-left: 3px;
}

.summaryInfoMainSubHeaderIcon {
    width: 5.5rem;
    height: 5.5rem;
    background-image: url('@/assets/home/summary/sub_summary_icon.png');
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.summaryInfoMainSubHeaderInfoWrapper {
    height: 100%;
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.summaryInfoMainSubHeaderLabel {
    font-size: 1.5rem;
}

.summaryInfoMainSubHeaderCount {
    font-size: 2.6rem;
    font-weight: bold;
}

.dayInfo {
    position: absolute;
    left: 88rem;
    top: 61.5rem;
    display: flex;
    flex-direction: column;
    gap: 30px;
    pointer-events: none;
    z-index: 2;
}

.dayInfoItem {
    display: flex;
    flex-direction: column;
    background-image: url('@/assets/home/summary/day_info_bg.png');
    background-size: contain;
    background-repeat: no-repeat;
    width: 25rem;
}

.dayInfoItemCount {
    font-size: 3.8rem;
    display: flex;
    justify-content: center;
    align-items: baseline;
    padding: 0.7rem 0 1.8rem;
    text-indent: 2rem;
}

.dayInfoItemCount>span {
    font-size: 2rem;
    text-indent: 0;
}

.dayInfoItemLablel {
    text-align: center;
    font-size: 2rem;
    margin: 0;
    text-indent: 2rem;
    padding: 1.1rem 0 0;
}

.filterInfo {
    position: absolute;
    left: 88rem;
    bottom: 43.2rem;
    display: flex;
    gap: 2rem;
    z-index: 11;
}

.filterInfo>div:first-of-type {
    margin-right: 3.8rem;
}

.listBar {
    position: absolute;
    bottom: 60rem;
    display: flex;
    right: 89rem;
    gap: 2rem;
    z-index: 11;
    background-image: url('@/assets/home/summary/choose_bg.png');
    flex-direction: column;
    padding: 1.7rem 0 1.7rem 0.8rem;
}

.listBarItem {
    display: flex;
    gap: 1rem;
    cursor: pointer;
}

.listBarIcon {
    width: 5.5rem;
    height: 5.5rem;
    background-image: url('@/assets/home/summary/selectIcons/running-select.png');
    background-size: contain;
    background-repeat: no-repeat;
}

.listBarItem[data-type="running"] .listBarIcon {
    background-image: url('@/assets/home/summary/selectIcons/running.png');
}

.listBarItem[data-type="running"][data-checked="true"] .listBarIcon {
    background-image: url('@/assets/home/summary/selectIcons/running-select.png');
}

.listBarItem[data-type="warning"] .listBarIcon {
    background-image: url('@/assets/home/summary/selectIcons/warning.png');
}

.listBarItem[data-type="warning"][data-checked="true"] .listBarIcon {
    background-image: url('@/assets/home/summary/selectIcons/warning-select.png');
}

.listBarItem[data-type="inMaintenance"] .listBarIcon {
    background-image: url('@/assets/home/summary/selectIcons/in-maintenance.png');
}

.listBarItem[data-type="inMaintenance"][data-checked="true"] .listBarIcon {
    background-image: url('@/assets/home/summary/selectIcons/in-maintenance-select.png');
}

.listBarItem[data-type="rescueSite"] .listBarIcon {
    background-image: url('@/assets/home/summary/selectIcons/rescue-site.png');
}

.listBarItem[data-type="rescueSite"][data-checked="true"] .listBarIcon {
    background-image: url('@/assets/home/summary/selectIcons/rescue-site-select.png');
}

.listBarItem[data-type="rescuedToday"] .listBarIcon {
    background-image: url('@/assets/home/summary/selectIcons/rescued-today.png');
}

.listBarItem[data-type="rescuedToday"][data-checked="true"] .listBarIcon {
    background-image: url('@/assets/home/summary/selectIcons/rescued-today-select.png');
}

.listBarContent {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.listBarContentLabel {
    font-size: 1.5rem;
    letter-spacing: 0.15rem;
}

.listBarContentCount {
    font-size: 2.4rem;
    color: #37edcc;
}

.listBarItem[data-type="running"] .listBarContentCount {
    color: #37edcc;
}
.listBarItem[data-type="warning"] .listBarContentCount {
    color: #e95f55;
}
.listBarItem[data-type="inMaintenance"] .listBarContentCount {
    color: #e1ad2d;
}
.listBarItem[data-type="rescueSite"] .listBarContentCount {
    color: #008ec5;
}
.listBarItem[data-type="rescuedToday"] .listBarContentCount {
    color: #8047db;
}